<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第三篇 结构型设计模式 - 第九章 外观模式</title>
</head>
<body>
    <!-- 
        外观模式：为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更容易
            
            可以简化底层接口复杂性
            可以解决浏览器兼容性问题[绑定事件、e.preventDefault()、e.target]
     -->
     <div id="myinput">22</div>
     <div id="box"></div>
     <!-- <script src="9-2.js"></script> -->
     <!-- <script src="9-3.js"></script> -->
     <script src="9-4.js"></script>
</body>
</html>